---
interface Props{
    eachData: String;

}
const {eachData}=Astro.props
import BannerItemBox from "./BannerItemBox.astro";
---

<th:block th:each={eachData}
th:with="imgs=${@commonTag.split(category.categoryIcon==null?'':category.categoryIcon)},rando=${#numbers.formatDecimal(T(java.lang.Math).floor(T(java.lang.Math).random()*10),1,0)},iul=@{/nice/static/images/thumbs/}">
<BannerItemBox bannerName="${category.categoryName}" aHref="${webConfig['oly.web.domain']+'/category/'+category.categoryId}" 
 imgSrc="${(imgs==null)?iul+rando+'.jpg':(imgPrefix+imgs[0])}">
    <div class="flex justify-center pt-12">
        <span th:text="${category.categoryName}" class="px-5 py-2.5 transition-all ease-in duration-75 bg-white/60 dark:bg-gray-900/60 rounded-md">
        Green to blue
        </span>
    </div>
</BannerItemBox>
</th:block>



